import QtQuick 2.0


Item {
    id: mapSelector
    anchors.top: content.top
    anchors.topMargin: 5
    anchors.left: content.left
    anchors.leftMargin: 5
    width: content.width - 10
    height: content.height - 10

    Grid {
        anchors.left: parent.left
        anchors.leftMargin: 38
        anchors.top: parent.top
        anchors.topMargin: 60
        width: parent.width - 76
        height: parent.height - 120
        columns: 8
        rows: 3
        spacing: 45
        Button {
            img: "images/google.png"
            text: "Google Maps"
            onClicked: {
                webpage.url = "mapsHTML/google.html?zipcode=" + weatherContent.zipcode;
                webpage.visible = true;
                mapSelector.visible = false;
            }
        }
        Button {
            img: "images/bing.png"
            text: "Bing Maps"
            onClicked: {
                webpage.url = "mapsHTML/bing.html";
                webpage.visible = true;
                mapSelector.visible = false;
            }
        }
        Button {
            img: "images/mapquest.png"
            text: "OpenStreetmaps"
            onClicked: {
                webpage.url = "mapsHTML/openstreemap.html";
                webpage.visible = true;
                mapSelector.visible = false;
            }
        }
    }
}

